<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>个人中心</title>
    <link rel="stylesheet" href="../../static/assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../static/assets/css/style.css"/>
    <link rel="stylesheet" href="../../static/assets/css/global.css"/>
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class="fly-header layui-bg-black">
	<div class="layui-container">
		<ul class="layui-nav fly-nav layui-hide-xs">
			<!--		  <:for items="${menu}" var="item">-->
			<li class="layui-nav-item layui-this">
				<a href="${item.url}"><i class="fa fa-university" aria-hidden="true" style="color: white; margin-top: 14px"></i>首页</a>
			</li>
			<li class="layui-nav-item layui-this">
				<a href="${item.url}"><i class="fa fa-bookmark" aria-hidden="true" style="color: white; margin-top: 14px"></i>课程</a>
			</li>
			<li class="layui-nav-item layui-this">
				<a href="${item.url}"><i class="fa fa-book" aria-hidden="true" style="color: white; margin-top: 14px"></i>课程资料发布</a>
			</li>
			<li class="layui-nav-item layui-this">
				<a href="${item.url}"><i class="fa fa-commenting-o" aria-hidden="true" style="color: white; margin-top: 14px"></i>讨论</a>
			</li>
			<!--		  </:for>-->
		</ul>
		<ul class="layui-nav fly-nav-user">

			<!-- 未登入的状态 -->
			<!--		  <:if test="${so.isAuthenticated() == false}">-->
			<li class="layui-nav-item">
				<a class="iconfont icon-touxiang layui-hide-xs" href="/default/login"></a>
			</li>
			<li class="layui-nav-item">
				<a href="/default/login">登入</a>
			</li>
			<!--          </:if>-->
			<!-- 登入后的状态 -->
			<!--	      <:if test="${so.isAuthenticated() == true}">-->
			<li class="layui-nav-item">
				<a class="fly-nav-avatar" href="javascript:;">
					<cite class="layui-hide-xs">${user.nickName!}</cite>
					<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg">
				</a>
				<dl class="layui-nav-child">
					<dd><a href="/users/index">用户中心</a></dd>
					<dd><a href="/users/order">我的订单</a></dd>
					<dd><a href="/users/release">我的发布</a></dd>
					<dd><a href="/users/notice">通知信息</a></dd>
					<hr style="margin: 5px 0;">
					<dd><a href="${ctxPath}/default/logout" style="text-align: center;">退出</a></dd>
				</dl>
			</li>
			<!--	      </:if>-->
		</ul>
	</div>
</div>
    
    <div class="layui-container fly-marginTop fly-user-main">
<!--	  <:include file="../common/user-nav.html"/>-->
		<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="user">
			<li class="layui-nav-item"><a href="/users/index"><i class="layui-icon">&#xe612;</i>用户中心</a></li>
			<li class="layui-nav-item"><a href="/users/order"><i class="layui-icon">&#xe653;</i>我的订单</a></li>
			<li class="layui-nav-item"><a href="/users/release"><i class="layui-icon">&#xe653;</i>我的发布</a></li>
			<li class="layui-nav-item"><a href="/users/notice"><i class="layui-icon">&#xe653;</i>通知信息</a></li>
		</ul>
		<div class="site-tree-mobile layui-hide">
			<i class="layui-icon">&#xe602;</i>
		</div>
		<div class="site-mobile-shade"></div>

		<div class="site-tree-mobile layui-hide">
			<i class="layui-icon">&#xe602;</i>
		</div>
		<div class="site-mobile-shade"></div>
	  <div class="fly-panel fly-panel-user" pad20>
	    <div class="layui-tab layui-tab-brief" lay-filter="user">
	      <ul class="layui-tab-title" id="LAY_mine">
	        <li class="layui-this" lay-id="info">我的资料</li>
	        <li lay-id="pass">密码</li>
	      </ul>
	      <div class="layui-tab-content" style="padding: 20px 0;">
	        <div class="layui-form layui-form-pane layui-tab-item layui-show">
	          <form method="post">
	            <div class="layui-form-item">
	              <label class="layui-form-label">手机号</label>
	              <div class="layui-input-inline">
	                <input type="text" id="L_phone" name="phone" required lay-verify="required" autocomplete="off" value="${user.phone}" class="layui-input">
	              </div>
	            </div>
	            <div class="layui-form-item">
	              <label for="L_username" class="layui-form-label">用户名</label>
	              <div class="layui-input-inline">
	                <input type="text" id="L_username" name="username" required lay-verify="required" autocomplete="off" value="${user.username}" class="layui-input">
	              </div>
	            </div>
	            <div class="layui-form-item">
	              <label for="L_nickname" class="layui-form-label">真实姓名</label>
	              <div class="layui-input-inline">
	                <input type="text" id="L_nickname" name="nickName" required lay-verify="required" autocomplete="off" value="${user.nickName}" class="layui-input">
	              </div>
	              <div class="layui-inline">
	                <div class="layui-input-inline">
	                  <input type="radio" name="sex" value="0" checked title="男">
	                  <input type="radio" name="sex" value="1" title="女">
	                </div>
	              </div>
	            </div>
	            <div class="layui-form-item layui-form-text">
	              <label for="L_sign" class="layui-form-label">签名</label>
	              <div class="layui-input-block">
	                <textarea placeholder="随便写些什么刷下存在感" id="L_sign"  name="sign" autocomplete="off" value="${user.introduction}" class="layui-textarea" style="height: 80px;"></textarea>
	              </div>
	            </div>
	            <div class="layui-form-item">
	              <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit>确认修改</button>
	            </div>
	          </div>
	          <div class="layui-form layui-form-pane layui-tab-item">
	            <form action="/user/repass" method="post">
	              <div class="layui-form-item">
	                <label for="L_nowpass" class="layui-form-label">当前密码</label>
	                <div class="layui-input-inline">
	                  <input type="password" id="L_nowpass" name="nowpass" required lay-verify="required" autocomplete="off" class="layui-input">
	                </div>
	              </div>
	              <div class="layui-form-item">
	                <label for="L_pass" class="layui-form-label">新密码</label>
	                <div class="layui-input-inline">
	                  <input type="password" id="L_pass" name="pass" required lay-verify="required" autocomplete="off" class="layui-input">
	                </div>
	                <div class="layui-form-mid layui-word-aux">6到16个字符</div>
	              </div>
	              <div class="layui-form-item">
	                <label for="L_repass" class="layui-form-label">确认密码</label>
	                <div class="layui-input-inline">
	                  <input type="password" id="L_repass" name="repass" required lay-verify="required" autocomplete="off" class="layui-input">
	                </div>
	              </div>
	              <div class="layui-form-item">
	                <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit>确认修改</button>
	              </div>
	            </form>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>

    <!-- 底部 -->
<!--	<:include file="../common/footer.html"/>-->
<!--	<:include file="../common/js.html"/>-->
	<div class="fly-footer">
		<p><a href="http://fly.layui.com/" target="_blank">Fly社区</a> 2021 &copy; <a href="http://www.layui.com/" target="_blank">layui.com 出品</a></p>
		<p>
			<a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>
			<a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>
			<a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a>
		</p>
	</div>
	<!-- js部分 -->
	<script type="text/javascript" src="../../static/assets/libs/layui/layui.js"></script>
	<script type="text/javascript" src="../../static/assets/js/common.js"></script>
	<script>
	layui.cache.page = 'user';
	layui.cache.user = {
	  username: '${user.username}'
	  ,uid: '${user.userId}'
	  ,avatar: '../../res/images/avatar/00.jpg'
	  ,experience: 83
	  ,sex: '男'
	};
	layui.config({
	  version: "2.0.0"
	  ,base: '../../static/assets/module/'
	}).extend({
	  fly: 'fly'
	}).use('fly');
	</script>
</body>
</html>